<template>
    <slot name="left" class="text1">我是1</slot>
    <slot name="center" class="text2">我是2</slot>
    <slot name="right" class="text3">我是3</slot>
</template>
<script>
export default {

}
</script>
<style scoped>
.text1 {
    color: red;
}
.text2 {
    color: orange;
}
.text3 {
    color: yellow;
}
:slotted(.text1) {
    font-size: 50px;
    color: green;
}
</style>